export const basicComponents = [
    // {
    //   name:'提示框',
    //   type: 'alert',
    //   icon: 'icon-tabs',
    //   options: {
    //     width: 100,
    //     title:'请输入内容'
    //   }
    // },
    {
        name: '输入框',
        type: 'input',
        icon: 'aspect-ratio-line',
        options: {
            type: 'input',
            width: 100,
            defaultValue: '',
            required: false,
            disabled: false,
            readonly: false,
            placeholder: '请输入值',
            height: 5,
            checkType: 0,
        },
    },
    // {
    //   name:'长文本框',
    //   type: 'textarea',
    //   icon: 'icon-diy-com-textarea',
    //   options: {
    //     width: 100,
    //     defaultValue: '',
    //     required: false,
    //     disabled: false,
    //     placeholder: '请输入值'
    //   }
    // },
    {
        name: '选择框',
        type: 'select',
        icon: 'checkbox-line',
        options: {
            defaultValue: '',
            disabled: false,
            placeholder: '请选择',
            required: false,
            showLabel: false,
            width: 100,
            options: [{
                    value: 'Option 1',
                    label: 'Option 1',
                },
                {
                    value: 'Option 2',
                    label: 'Option 2',
                },
                {
                    value: 'Option 3',
                    label: 'Option 3',
                },
            ],
            remote: false,
            remoteOptions: [],
        },
    },

    {
        name: '计数器',
        type: 'number',
        icon: 'keyboard-line',
        options: {
            width: 50,
            required: false,
            defaultValue: 0,
            min: 0,
            max: 999999999,
            step: 1,
            disabled: false,
        },
    },

    {
        name: '单选框',
        type: 'radio',
        icon: 'radio-button-line',
        options: {
            inline: true,
            defaultValue: '',
            showLabel: false,
            options: [{
                    value: 'Option 1',
                    label: 'Option 1',
                },
                {
                    value: 'Option 2',
                    label: 'Option 2',
                },
                {
                    value: 'Option 3',
                    label: 'Option 3',
                },
            ],
            required: false,
            remote: false,
            remoteOptions: [],
            disabled: false,
        },
    },
    {
        name: '复选框',
        type: 'checkbox',
        icon: 'checkbox-multiple-line',
        options: {
            inline: true,
            defaultValue: [],
            showLabel: false,
            options: [{
                    value: 'Option 1',
                    label: 'Option 1',
                },
                {
                    value: 'Option 2',
                    label: 'Option 2',
                },
                {
                    value: 'Option 3',
                    label: 'Option 3',
                },
            ],
            required: false,
            remote: false,
            remoteOptions: [],
            props: {
                value: 'value',
                label: 'label',
            },
            remoteFunc: '',
            disabled: false,
        },
    },
    {
        name: '日期选择',
        type: 'date',
        icon: 'calendar-check-line',
        options: {
            type: 'date',
            isRange: false,
            defaultValue: '',
            readonly: false,
            disabled: false,
            editable: true,
            clearable: true,
            placeholder: '请选择日期',
            startPlaceholder: '开始时间',
            endPlaceholder: '结束时间',
            format: 'YYYY-MM-DD',
            timestamp: false,
            required: false,
            width: 80,
            disabledDateType: undefined,
        },
    },
    // {
    //   name:'时间选择器',
    //   type: 'time',
    //   icon: 'icon-time',
    //   options: {
    //     defaultValue: '21:19:56',
    //     readonly: false,
    //     disabled: false,
    //     editable: true,
    //     clearable: true,
    //     placeholder: '',
    //     startPlaceholder: '',
    //     endPlaceholder: '',
    //     isRange: false,
    //     arrowControl: true,
    //     format: 'HH:mm:ss',
    //     required: false,
    //     width: '',
    //   }
    // },

    {
        name: '评分',
        type: 'rate',
        icon: 'star-line',
        options: {
            defaultValue: null,
            disabled: false,
            allowHalf: false,
            required: false,
        },
    },
    // {
    //   type: 'color',
    //   icon: 'icon-color',
    //   options: {
    //     defaultValue: '',
    //     disabled: false,
    //     showAlpha: false,
    //     required: false
    //   }
    // },

    {
        name: '开关',
        type: 'switch',
        icon: 'toggle-line',
        options: {
            defaultValue: false,
            required: false,
            disabled: false,
        },
    },
    {
        name: '滑块',
        type: 'slider',
        icon: 'sound-module-line',
        options: {
            defaultValue: 0,
            disabled: false,
            required: false,
            min: 0,
            max: 100,
            step: 1,
            showInput: false,
            range: false,
            width: 100,
        },
    },
    {
        name: '文字',
        type: 'text',
        icon: 't-box-line',
        options: {
            defaultValue: '文字内容',
            customClass: '',
        },
    },
]

export const advanceComponents = [
    // {
    //   type: 'blank',
    //   icon: 'icon-zidingyishuju',
    //   options: {
    //     defaultType: 'String'
    //   }
    // },
    {
        name: '图片上传',
        type: 'imgupload',
        icon: 'image-add-line',
        options: {
            tokenFunc: 'funcGetToken',
            token: '',
            domain: 'http://pfp81ptt6.bkt.clouddn.com/',
            disabled: false,
            length: 8,
            multiple: false,
            isQiniu: false,
            isDelete: false,
            isEdit: false,
            action: 'https://jsonplaceholder.typicode.com/photos/',
        },
    },
    {
        name: '文件上传',
        type: 'fileupload',
        icon: 'folder-upload-line',
        options: {
            tokenFunc: 'funcGetToken',
            token: '',
            domain: 'http://pfp81ptt6.bkt.clouddn.com/',
            disabled: false,
            length: 8,
            multiple: false,
            isQiniu: false,
            isDelete: false,
            isEdit: false,
            action: 'https://jsonplaceholder.typicode.com/photos/',
        },
    },
    {
        name: '子表格',
        type: 'table',
        icon: 'table-2',
        options: {
            defaultValue: [],
        },
    },
    // {
    //   type: 'editor',
    //   icon: 'icon-fuwenbenkuang',
    //   options: {
    //     defaultValue: '',
    //     width: ''
    //   }
    // },
    // {
    //   type: 'cascader',
    //   icon: 'icon-jilianxuanze',
    //   options: {
    //     defaultValue: [],
    //     width: 80,
    //     placeholder: '',
    //     disabled: false,
    //     clearable: false,
    //     remote: true,
    //     remoteOptions: [],
    //     props: {
    //       value: 'value',
    //       label: 'label',
    //       children: 'children'
    //     },
    //     remoteFunc: ''
    //   }
    // }
]

export const layoutComponents = [{
    name: '栅格布局',
    type: 'grid',
    icon: 'dashboard-line',
    columns: [{
            span: 12,
            list: [],
        },
        {
            span: 12,
            list: [],
        },
    ],
    options: {
        gutter: 0,
        justify: 'start',
        align: 'top',
    },
}, ]